<style>
    .addBtn {
        text-decoration: none;
        background: #337ab7;
        color: white;
        padding: 5px 10px;
        border-radius: 4px;
        margin-bottom: 10px;
        display: inline-block;
    }

    .info-wrap > td {
        text-align: center;
        padding-top: 10px;
    }

    .info-wrap > td > div {
        max-height: 200px;
        overflow-y: auto;
    }

    .tiao-val {
        width: 30px;
        height: 30px;
        margin: 5px 5px 0 0;
        outline: none;
        font-size: 14px;
    }

    .tiao-btn {
        font-size: 14px;
    }

    .link-update {
        text-decoration: none;
        background: #337ab7;
        color: white;
        padding: 5px 10px;
        border-radius: 4px;
        margin-bottom: 10px;
        display: inline-block;
    }

    .link-update:hover {
        text-decoration: none;
        color: white;
        background: #286090;
    }

    .link-del {
        text-decoration: none;
        background: red;
        color: white;
        padding: 5px 10px;
        border-radius: 4px;
        margin-bottom: 10px;
        display: inline-block;
    }

    .link-del:hover {
        text-decoration: none;
        background: red;
        color: white;
    }

    .info-wrap {
        border-bottom: 1px solid #cccccc;
    }
</style>
<div class="span10">
    <div style="margin-bottom: 20px;">
        <a href="/index/index">首页</a><span>&gt;</span><span>口语真题</span>
    </div>

    <a class="addBtn" href="<?php echo baseUrl . '/content/speak/add-list?pid=' . $pid ?>">添加口语题</a>
    <table border="0" width="100%">
        <tr align="center">
            <th>id</th>
            <th>pid</th>
            <th>Part</th>
            <th>题目</th>
            <th>浏览量</th>
            <th>时间</th>
            <th width="120px">操作</th>
        </tr>
        <?php
        foreach ($data as $v) {
            ?>
            <tr class="info-wrap">
                <td>
                    <?php echo $v['id'] ?>
                </td>
                <td>
                    <?php echo $v['pid'] ?>
                </td>
                <td>
                    <?php echo $v['part']==1?'Part1':($v['part']==2?'Part2':'Part3') ?>
                </td>
                <td style="width:40%">
                    <?php echo $v['question'] ?>  
                </td>
                <td>
                    <?php echo $v['viewCount'] ?>        
                </td>
                <td>
                    <?php echo date('Y-m-d H:i:s', $v['createTime']) ?>
                </td>
                <td style="width:20%">
                    <a class="link-update" href="<?php echo baseUrl . '/content/speak/add-list' . '?' . 'id=' . $v['id'] . '&pid=' . $pid ?>">修改</a>
                    <a class="link-del" href="javascript:;" onclick="del(<?php echo $v['id'] ?>)">删除</a>
                </td>
            </tr>
        <?php } ?>
    </table>
</div>
<script>
    function del(id) {
        if (confirm("确定删除内容吗")) {
            $.get("/content/speak/del-list", {id: id},
                function (msg) {
                    if (msg) {
                        alert('删除成功');
                        location.reload();
                    }
                }, 'text'
            );
        }
    }
</script>
